<?php 
/**
 * @file
 * Alpha's theme implementation to display a single Drupal page.
 */
global $user, $base_url;
$path = $base_url.'/'.path_to_theme();

?>
     <!-- Home Page Starts
            ================================================== -->
      <div id="homepage">
            <div class="container">
                  <!--
<div class="sixteen columns center logo"> <img src="<?php echo $path;?>/images/logo.png" class="scale-with-grid" alt="" /> </div>
-->                  
                  <div class="slider-text">
                        <div class="sixteen columns center">
                              <div id="slidecaption"></div>
                        </div>
                  </div>                  
                  <!-- Social Icons Starts -->
                  <div class="social-icons center">
                        <div class="sixteen columns">
                              <ul class="ch-grid">
                                    <li>
                                          <div class="ch-item">
                                                <div class="ch-info">
                                                      <div class="ch-info-front ch-img-1"></div>
                                                      <div class="ch-info-back"> <img src="<?php echo $path;?>/images/social-icons/facebook_dark.png" alt="" /> </div>
                                                </div>
                                          </div>
                                    </li>                                    
                                    <li>
                                          <div class="ch-item">
                                                <div class="ch-info">
                                                      <div class="ch-info-front ch-img-2"></div>
                                                      <div class="ch-info-back"> <img src="<?php echo $path;?>/images/social-icons/in_dark.png" alt="" /> </div>
                                                </div>
                                          </div>
                                    </li>
                                    <li>
                                          <div class="ch-item">
                                                <div class="ch-info">
                                                      <div class="ch-info-front ch-img-3"></div>
                                                      <div class="ch-info-back"> <img src="<?php echo $path;?>/images/social-icons/twitter02_dark.png" alt="" /> </div>
                                                </div>
                                          </div>
                                    </li>
                              </ul>
                        </div>
                  </div>
                  <!-- Social Icons Ends --> 
            </div>
            <!-- Left, Right Arrow Buttons Starts --> 
            <a id="prevslide" class="load-item"></a> <a id="nextslide" class="load-item"></a> 
            <!-- Left, Right Arrow Buttons Starts --> 
      </div>
      <!-- Home Page Ends
            ================================================== --> 
            
      <!-- Navigation Starts
            ================================================== -->
      <div id="navigation" class="center">
            <div class="container">
                  <div class="sixteen columns">
                        <img class="logo" src="<?php print $logo ?>"/>
                        <ul>
                            <li class="current">EN</li>
                            <li>|</li>             
                            <li>TV</li>
                        </ul>
                        <ul>
                              <li class="current"><a href="#homepage">HOME</a></li>
                              <li><a href="#services">SERVICES</a></li>
                              <li><a href="#portfolio">PORTFOLIO</a></li>
                              <li><a href="#about">ABOUT</a></li>
                              <li><a href="#news">NEWS</a></li>
                              <li><a href="#contact">CONTACT</a></li>                                      
                        </ul>
                        
                  </div>
            </div>        
      </div>
      <!-- Navigation Ends
            ================================================== --> 
            <!-- Services Page Starts
            ================================================== -->
      <div id="services">
            <div class="page-header white-bg">
                  <div class="container">
                        <div class="sixteen columns">
                              <h1 class="one"><span>OUR SERVICES</span></h1>
                        </div>
                  </div>
            </div>
            
            <!-- Banner Start -->            
            <!--
<div class="page-banner">
                  <div class="container ">
                        <div class="sixteen columns">
                              <div class="center">
                                    <h3>Pellentesque habitant morbi tristique senectus et netus et malesuada.</h3>
                              </div>
                        </div>
                  </div>
            </div>
-->
            <!-- Banner Ends -->
            
            <div class="page-contents white-bg">
                  <div class="container">
                        <!-- One Column Starts -->
                        <div class="sixteen columns">
                              <h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</h3>
                              <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam non</p>
                        </div>
                        <!-- One Columns Ends --> 
                        <!-- Four Columns Starts -->
                        <div class="eight columns center medium-t-b-padding">
                              <img src="<?php echo $path;?>/images/services/web.png" class="scale-with-grid" alt="" />
                              <h3>Web development</h3>
                              <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
                        </div>
                        <!-- Column 1 Ends -->
                        <div class="eight columns center medium-t-b-padding">
                              <img src="<?php echo $path;?>/images/services/mobile.png" class="scale-with-grid" alt="" />
                              <h3>Mobile development</h3>
                              <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
                        </div>
                        <!-- Column 2 Ends -->
                        <!-- Three Columns Starts -->
                        <div class="one-third column center medium-t-b-padding">
                              <img src="<?php echo $path;?>/images/services/printing.png" class="scale-with-grid" alt="" />
                              <h3>printing solutions</h3>
                              <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
                        </div>
                        <!-- Column 1 Ends -->
                        <div class="one-third column center medium-t-b-padding">
                              <img src="<?php echo $path;?>/images/services/user.png" class="scale-with-grid" alt="" />
                              <h3>User interfaces</h3>
                              <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
                        </div>
                        <!-- Column 2 Ends -->
                        <div class="one-third column center medium-t-b-padding">
                              <img src="<?php echo $path;?>/images/services/social.png" class="scale-with-grid" alt="" />
                              <h3>Social network</h3>
                              <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
                        </div>
                        <!-- Column 3 Ends -->                         
                        <!-- Three Columns Ends -->                          
                  </div>
            </div>
      </div>
      <!-- Services Page Ends
            ================================================== --> \
      <!-- Image Separator Starts
            ================================================== -->
      <div class="image-separator testimonials">
            <div class="line-top"></div>
            <div class="container">
                  <div class="sixteen columns">
                        <div>
                              <img src="<?php echo $path;?>/images/testimonials/testimonial-icon.png" class="scale-with-grid testimonial-icon" alt="" />
                              <h2>
                                    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.<br><br>
                                    Jane Doe
                              </h2>
                        </div>
                  </div>
            </div>
            <div class="line-bottom"></div>
      </div>
      <!-- Image Separator Ends
            ================================================== -->  
            
      <!-- Portfolio Page Starts
            ================================================== -->
      <div id="portfolio" class="dark-texture-1">
            <div class="page-header">
                  <div class="container">
                        <div class="sixteen columns">
                              <h1 class="one"><span>OUR PORTFOLIO</span></h1>
                        </div>
                  </div>
            </div>
            <div class="container">
            
                  <!-- Portfolio Navigation Starts -->
                  <div class="sixteen columns center">
                        <div id="options">
                              <ul id="filters" class="option-set" data-option-key="filter">
                                    <li><a href="#selected" data-option-value="*" class="selected">ALL</a></li>
                                    <li><a href="#web" data-option-value=".photos1">PRINTING</a></li>
                                    <li><a href="#photos" data-option-value=".photos2">WEBSITE</a></li>
                                    <li><a href="#video" data-option-value=".video">BRANDING</a></li>
                              </ul>
                        </div>
                  </div>
                  <!-- Portfolio Navigation Ends -->
                  
                  <div class="clear"></div>
                  <div id="container-thumbs" class="gallery">
                  
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos1">
                              <img src="<?php echo $path;?>/images/portfolio/thumbs/1.jpg" class="scale-with-grid image-shadow" alt="" />
                              <div class="title">PELLENTESQUE</div>
                              <div class="description">Morbi Tristique Senectus</div>
                              <div class="mask">
                                    <h3>Photos 1</h3>
                                    <a href="images/portfolio/big/1.jpg" rel="prettyPhoto[mixed]" title="" class="info"><img src="<?php echo $path;?>/images/portfolio/photos.png" alt="" /></a> 
                              </div>
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos2">
                              <img src="<?php echo $path;?>/images/portfolio/thumbs/2.jpg" class="scale-with-grid image-shadow" alt="" />
                              <div class="title">PELLENTESQUE</div>
                              <div class="description">Morbi Tristique Senectus</div>
                              <div class="mask">
                                    <h3>Photos 2</h3>
                                    <a href="images/portfolio/big/2.jpg" rel="prettyPhoto[mixed]" title="" class="info"><img src="<?php echo $path;?>/images/portfolio/photos.png" alt="" /></a> 
                              </div>
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third video">
                              <img src="<?php echo $path;?>/images/portfolio/thumbs/v-1.jpg" class="scale-with-grid image-shadow" alt="" />
                              <div class="title">PELLENTESQUE</div>
                              <div class="description">Morbi Tristique Senectus</div>
                              <div class="mask">
                                    <h3>Video[vimeo]</h3>
                                    <a href="http://vimeo.com/8245346" rel="prettyPhoto[mixed]" title="" class="info"><img src="<?php echo $path;?>/images/portfolio/video.png" alt="" /></a> 
                              </div>
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third video">
                              <img src="<?php echo $path;?>/images/portfolio/thumbs/v-2.jpg" class="scale-with-grid image-shadow" alt="" />
                              <div class="title">PELLENTESQUE</div>
                              <div class="description">Morbi Tristique Senectus</div>
                              <div class="mask">
                                    <h3>Video[youtube]</h3>
                                    <a href="https://www.youtube.com/watch?v=GgR6dyzkKHI" rel="prettyPhoto[mixed]" title="" class="info"><img src="<?php echo $path;?>/images/portfolio/video.png" alt="" /></a> 
                              </div>
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos2">
                              <img src="<?php echo $path;?>/images/portfolio/thumbs/3.jpg" class="scale-with-grid image-shadow" alt="" />
                              <div class="title">PELLENTESQUE</div>
                              <div class="description">Morbi Tristique Senectus</div>
                              <div class="mask">
                                    <h3>Photos 2</h3>
                                    <a href="images/portfolio/big/3.jpg" rel="prettyPhoto[mixed]" title="" class="info"><img src="<?php echo $path;?>/images/portfolio/photos.png" alt="" /></a> 
                              </div>
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos1">
                              <img src="<?php echo $path;?>/images/portfolio/thumbs/10.jpg" class="scale-with-grid image-shadow" alt="" />
                              <div class="title">PELLENTESQUE</div>
                              <div class="description">Morbi Tristique Senectus</div>
                              <div class="mask">
                                    <h3>Photos 1</h3>
                                    <a href="images/portfolio/big/10.jpg" rel="prettyPhoto[mixed]" title="" class="info"><img src="<?php echo $path;?>/images/portfolio/photos.png" alt="" /></a> 
                              </div>
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos1">
                              <img src="<?php echo $path;?>/images/portfolio/thumbs/5.jpg" class="scale-with-grid image-shadow" alt="" />
                              <div class="title">PELLENTESQUE</div>
                              <div class="description">Morbi Tristique Senectus</div>
                              <div class="mask">
                                    <h3>Photos 1</h3>
                                    <a href="images/portfolio/big/5.jpg" rel="prettyPhoto[mixed]" title="" class="info"><img src="<?php echo $path;?>/images/portfolio/photos.png" alt="" /></a> 
                              </div>
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos2">
                              <img src="<?php echo $path;?>/images/portfolio/thumbs/6.jpg" class="scale-with-grid image-shadow" alt="" />
                              <div class="title">PELLENTESQUE</div>
                              <div class="description">Morbi Tristique Senectus</div>
                              <div class="mask">
                                    <h3>Photos 2</h3>
                                    <a href="images/portfolio/big/6.jpg" rel="prettyPhoto[mixed]" title="" class="info"><img src="<?php echo $path;?>/images/portfolio/photos.png" alt="" /></a> 
                              </div>
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos1">
                              <img src="<?php echo $path;?>/images/portfolio/thumbs/7.jpg" class="scale-with-grid image-shadow" alt="" />
                              <div class="title">PELLENTESQUE</div>
                              <div class="description">Morbi Tristique Senectus</div>
                              <div class="mask">
                                    <h3>Photos 1</h3>
                                    <a href="images/portfolio/big/7.jpg" rel="prettyPhoto[mixed]" title="" class="info"><img src="<?php echo $path;?>/images/portfolio/photos.png" alt="" /></a> 
                              </div>
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos2">
                              <img src="<?php echo $path;?>/images/portfolio/thumbs/8.jpg" class="scale-with-grid image-shadow" alt="" />
                              <div class="title">PELLENTESQUE</div>
                              <div class="description">Morbi Tristique Senectus</div>
                              <div class="mask">
                                    <h3>Photos 2</h3>
                                    <a href="images/portfolio/big/8.jpg" rel="prettyPhoto[mixed]" title="" class="info"><img src="<?php echo $path;?>/images/portfolio/photos.png" alt="" /></a> 
                              </div>
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third video">
                              <img src="<?php echo $path;?>/images/portfolio/thumbs/v-3.jpg" class="scale-with-grid image-shadow" alt="" />
                              <div class="title">PELLENTESQUE</div>
                              <div class="description">Morbi Tristique Senectus</div>
                              <div class="mask">
                                    <h3>Video[vimeo]</h3>
                                    <a href="http://vimeo.com/41995383" rel="prettyPhoto[mixed]" title="" class="info"><img src="<?php echo $path;?>/images/portfolio/video.png" alt="" /></a> 
                              </div>
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos2">
                              <img src="<?php echo $path;?>/images/portfolio/thumbs/9.jpg" class="scale-with-grid image-shadow" alt="" />
                              <div class="title">PELLENTESQUE</div>
                              <div class="description">Morbi Tristique Senectus</div>
                              <div class="mask">
                                    <h3>Photos 2</h3>
                                    <a href="images/portfolio/big/9.jpg" rel="prettyPhoto[mixed]" title="" class="info"><img src="<?php echo $path;?>/images/portfolio/photos.png" alt="" /></a> 
                              </div>
                        </div>
                        <!-- Project Ends --> 
                        
                  </div>
            </div>
      </div>
      <!-- Portfolio Page Ends
            ================================================== --> 
            
      <!-- Image Separator Starts
            ================================================== -->
      <div class="image-separator">
            <div class="line-top"></div>
            <div class="container">
                  <div class="sixteen columns">
                        <div>
                              <h1>OUR PARTNERS</h1>
                              <img src="<?php echo $path;?>/images/clients/1.png" class="scale-with-grid" alt="" />&nbsp;&nbsp;<img src="<?php echo $path;?>/images/clients/2.png" class="scale-with-grid" alt="" />&nbsp;&nbsp;<img src="<?php echo $path;?>/images/clients/3.png" class="scale-with-grid" alt="" />&nbsp;&nbsp;<img src="<?php echo $path;?>/images/clients/4.png" class="scale-with-grid" alt="" /> 
                        </div>
                  </div>
            </div>
            <div class="line-bottom"></div>
      </div>
      <!-- Image Separator Ends
            ================================================== --> 
                  
      <!-- About Pages Starts
            ================================================== -->
      <div id="about">
            <div class="page-header white-bg">
                  <div class="container">
                        <div class="sixteen columns">
                              <h1 class="one"><span>ABOUT US</span></h1>
                        </div>
                  </div>
            </div>
            
            <!-- Banner Start -->
            <!--
<div class="page-banner">
                  <div class="container">
                        <div class="sixteen columns">
                              <div class="center">
                                    <h3>Pellentesque habitant morbi tristique senectus et netus et malesuada.</h3>
                              </div>
                        </div>
                  </div>
            </div>
-->
            <!-- Banner Ends -->
            
            <div class="page-contents white-bg">
                  <div class="container">
                        <!-- One Column Starts -->
                        <div class="sixteen columns">                              
                              <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam non</p>
                        </div>
                        <!-- One Columns Ends --> 
                  </div>
            </div>
            <div class="grey-bg">
                  <div class="sixteen center medium-t-b-padding">
                        <a id="carouselteam-prev" href="#carousel-1" ><img src="<?php echo $path;?>/images/slider/icons/back.png" alt="prev" style="height: 24px; width: 24px;" /></a>                        
                        <h3 style="display: inline;">THE TEAM</h3>
                        <a id="carouselteam-next" href="#carousel-1" ><img src="<?php echo $path;?>/images/slider/icons/forward.png" alt="next" style="height: 24px; width: 24px;" /></a>
                  </div>
                  <div id="carouselteam" class="container carousel" style="height: 307px;">
                        <ul>                                              
                        <!-- Three Columns Starts -->
                        <li>
                        <div class="one-third center column medium-t-b-padding">
                              <div class="white-bg">
                                  <img src="<?php echo $path;?>/images/about/pic-1.jpg" class="scale-with-grid image-shadow" alt="" />                              
                                  <h3>LOREM NGUYEN</h3>
                                  <p>CEO & Bussiness Managerment</p>
                              </div>
                        </div>
                        </li>
                        <li>
                        <div class="one-third center column medium-t-b-padding">
                              <div class="white-bg">
                                  <img src="<?php echo $path;?>/images/about/pic-2.jpg" class="scale-with-grid image-shadow" alt="" />                              
                                  <h3>LOREM NGUYEN</h3>
                                  <p>CEO & Bussiness Managerment</p>
                              </div>
                        </div>
                        </li>
                        <li>
                        <div class="one-third center column medium-t-b-padding">
                              <div class="white-bg">
                                  <img src="<?php echo $path;?>/images/about/pic-3.jpg" class="scale-with-grid image-shadow" alt="" />                              
                                  <h3>LOREM NGUYEN</h3>
                                  <p>CEO & Bussiness Managerment</p>
                              </div>
                        </div>
                        </li>
                        <!-- Three Columns Ends -->
                        <!-- Three Columns Starts -->
                        <li>
                        <div class="one-third center column medium-t-b-padding">
                              <div class="white-bg">
                                  <img src="<?php echo $path;?>/images/about/pic-1.jpg" class="scale-with-grid image-shadow" alt="" />                              
                                  <h3>LOREM NGUYEN</h3>
                                  <p>CEO & Bussiness Managerment</p>
                              </div>
                        </div>
                        </li>
                        <li>
                        <div class="one-third center column medium-t-b-padding">
                              <div class="white-bg">
                                  <img src="<?php echo $path;?>/images/about/pic-2.jpg" class="scale-with-grid image-shadow" alt="" />                              
                                  <h3>LOREM NGUYEN</h3>
                                  <p>CEO & Bussiness Managerment</p>
                              </div>
                        </div>
                        </li>
                        <li>
                        <div class="one-third center column medium-t-b-padding">
                              <div class="white-bg">
                                  <img src="<?php echo $path;?>/images/about/pic-3.jpg" class="scale-with-grid image-shadow" alt="" />                              
                                  <h3>LOREM NGUYEN</h3>
                                  <p>CEO & Bussiness Managerment</p>
                              </div>
                        </div>
                        </li>
                        <!-- Three Columns Ends -->
                        </ul>
                  </div>
            </div>
            <div class="white-bg">
                  <div class="container">                       
                        <!-- Two Columns Starts -->
                        <!--
<div class="eight columns medium-t-b-padding">
                              <h3>DONEC EU LIBERO</h3>
                              <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                        </div>
                        <div class="eight columns medium-t-b-padding">
                              <h3>ALIQAM TINCIDUNT</h3>
                              <ul class="square">
                                    <li>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</li>
                                    <li>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</li>
                              </ul>
                        </div>
-->
                        <!-- Two Columns Ends --> 
                        <!-- Five Columns Starts -->
                        <div class="sixteen center medium-t-b-padding">                                                
                        <h3>OUR CLIENTS</h3>                        
                        </div>
                        <div class="carousel-wrapper medium-t-b-padding">
                        <div id="carouselclients" class="carousel" style="height: 100px;">
                            <ul>
                                <li class="column"><img src="<?php echo $path;?>/images/clients/01.png" class="scale-with-grid" alt="" /></li>
                                <li class="column"><img src="<?php echo $path;?>/images/clients/02.png" class="scale-with-grid" alt="" /></li>
                                <li class="column"><img src="<?php echo $path;?>/images/clients/03.png" class="scale-with-grid" alt="" /></li>
                                <li class="column"><img src="<?php echo $path;?>/images/clients/04.png" class="scale-with-grid" alt="" /></li>
                                <li class="column"><img src="<?php echo $path;?>/images/clients/05.png" class="scale-with-grid" alt="" /></li>
                                <li class="column"><img src="<?php echo $path;?>/images/clients/06.png" class="scale-with-grid" alt="" /></li>
                                <li class="column"><img src="<?php echo $path;?>/images/clients/01.png" class="scale-with-grid" alt="" /></li>
                                <li class="column"><img src="<?php echo $path;?>/images/clients/02.png" class="scale-with-grid" alt="" /></li>
                                <li class="column"><img src="<?php echo $path;?>/images/clients/03.png" class="scale-with-grid" alt="" /></li>
                                <li class="column"><img src="<?php echo $path;?>/images/clients/04.png" class="scale-with-grid" alt="" /></li>
                                <li class="column"><img src="<?php echo $path;?>/images/clients/05.png" class="scale-with-grid" alt="" /></li>
                                <li class="column"><img src="<?php echo $path;?>/images/clients/06.png" class="scale-with-grid" alt="" /></li>
                            </ul>
                        </div>
                        <a id="carouselclients-prev" href="#carousel-2" class="carousel-control-prev"></a>
                        <a id="carouselclients-next" href="#carousel-2" class="carousel-control-next"></a>
                        </div>
                        <!-- Five Columns End -->
                  </div>
            </div>
      </div>
      <!-- About Page Ends
            ================================================== --> 
            
      <!-- Image Separator Starts
            ================================================== -->
      <div class="image-separator">
            <div class="line-top"></div>
            <div class="container">
                  <div class="sixteen columns">
                        <div>
                              <img src="<?php echo $path;?>/images/twitter/twitter-icon-1.png" class="scale-with-grid twitter-icon" alt="" />
                              <p id="twitter"></p>
                        </div>
                  </div>
            </div>
            <div class="line-bottom"></div>
      </div>
      <!-- Image Separator Ends
            ================================================== --> 
            
      <!-- News Page Starts
            ================================================== -->
      <div id="news">
            <div class="page-header white-bg">
                  <div class="container">
                        <div class="sixteen columns">
                              <h1 class="one"><span>NEWS</span></h1>
                        </div>
                  </div>
            </div>
            
            <!-- Banner Start -->
            <div class="page-banner">
                  <div class="container">
                        <div class="sixteen columns">
                              <div class="center">
                                    <h3>Pellentesque habitant morbi tristique senectus et netus et malesuada.</h3>
                              </div>
                        </div>
                  </div>
            </div>
            <!-- Banner Ends -->
             
            <!-- Three Columns Starts -->
            <div class="page-contents white-bg">
                  <div class="container">
                        <div class="nine columns medium-t-b-padding">
                              <div class="news-info">
                              <h4>Lorem ipsum dolor sit amet</h4>
                              <p>June 06, 2013  |  02 Comments</p>
                              <img src="<?php echo $path;?>/images/news/01.png" class="scale-with-grid image-shadow" alt="" />
                              <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                              <input type="button" value="READ MORE" />
                              <div style="clear: both;"></div>
                              </div>
                              
                              <div class="news-info large-top-padding">
                              <h4>Lorem ipsum dolor sit amet</h4>
                              <p>June 06, 2013  |  02 Comments</p>
                              <img src="<?php echo $path;?>/images/news/02.jpg" class="scale-with-grid image-shadow" alt="" />
                              <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                              <input type="button" value="READ MORE" />
                              <div style="clear: both;"></div>
                              </div>                        
                        </div>
                        <!-- Column 1 Ends -->
                        <div class="one-third column medium-t-b-padding">
                              <div class="search large-bottom-padding">
                              <h3>SEARCH</h3>
                              <?php
                                $block = module_invoke('search', 'block_view', 'search');
                                print render($block);
                                ?>
                              </div>   
                              <div class="large-bottom-padding">                              
                              <h3>HOT NEWS</h3>
                              <ul>
                                <li>Pellentesque habitant morbi</li>
                                <li>Tristique senectus et netus </li>
                                <li> Malesuada fames </li>
                                <li>Vestibulum tortor quam </li>
                                <li>Ultricies eget, Tempor sit amet</li>
                                <li>Tristique senectus et netus </li>
                                <li> Malesuada fames </li>
                              </ul>
                              </div>
                              <div class="large-bottom-padding">
                              <h3>MORE MOST VIEWS</h3>
                              <ul>
                                <li>Pellentesque habitant morbi</li>
                                <li>Tristique senectus et netus </li>
                                <li> Malesuada fames </li>
                                <li>Vestibulum tortor quam </li>
                                <li>Ultricies eget, Tempor sit amet</li>
                                <li>Tristique senectus et netus </li>
                                <li> Malesuada fames </li>
                              </ul>
                              </div>
                        </div>
                        <!-- Column 2 Ends -->                                                                       		                              
                  </div>
            </div>
            <!-- Three Columns Ends -->
            
      </div>
      <!-- News Page Ends
            ================================================== --> 
            
      
            
      
            
      <!-- Image Separator Starts
            ================================================== -->
      <!--
<div class="image-separator">
            <div class="line-top"></div>
            <div class="container">
                  <div class="sixteen columns">
                        <div>
                              <h1>OUR CLIENTS</h1>
                              <img src="<?php echo $path;?>/images/clients/1.png" class="scale-with-grid" alt="" />&nbsp;&nbsp;<img src="<?php echo $path;?>/images/clients/2.png" class="scale-with-grid" alt="" />&nbsp;&nbsp;<img src="<?php echo $path;?>/images/clients/3.png" class="scale-with-grid" alt="" />&nbsp;&nbsp;<img src="<?php echo $path;?>/images/clients/4.png" class="scale-with-grid" alt="" /> 
                        </div>
                  </div>
            </div>
            <div class="line-bottom"></div>
      </div>
-->
      <!-- Image Separator Ends
            ================================================== --> 
            
      <!-- Contact Page Starts
            ================================================== -->
      <div id="contact" class="footer">
            <div class="page-header">
                  <div class="container">
                        <div class="sixteen columns">
                              <h1 class="one"><span>CONTACT</span></h1>
                        </div>
                  </div>
            </div>			
                  <div class="container">
                        <!-- Form Starts -->
                        <div class="form-element">
                              <div class="sixteen columns center">
                                    <h2><span>DROP US A LINE</span></h2>
                                    <div class="done"> <strong><b>Thank you !</b> We have received your message. </strong></div>
                              </div>
                              <div class="form">
                                    <form method="post" action="http://www.webagate.com/demos/newlook-one-page-website-template/Light-Version/process.php">
                                          <div class="eight columns">
                                                <label>Name *</label>
                                                <input type="text" name="name" class="text" />
                                                <label>Email *</label>
                                                <input type="text" name="email" class="text" />
                                                <label>Website</label>
                                                <input type="text" name="website" class="text" />
                                          </div>
                                          <div class="eight columns">
                                                <label>Comment *</label>
                                                <textarea name="comment" class="text textarea"></textarea>
                                          </div>
                                          <div class="sixteen columns center">                                                
                                                <input type="submit" id="submit" value="SUBMIT" />
                                          </div>
                                    </form>
                              </div>
                        </div>
                        <!-- Forms Ends -->
                        
                        <div class="clear"></div>
                        
                        <!-- Addresses Starts -->                        
                        <div class="address">
                              <div class="one-third column medium-t-b-padding">
                                    <h2>ENVATO</h2>
                                    PO Box 21177 <br />
                                    Little Lonsdale St, Melbourne <br />
                                    Victoria 8011 Australia <br />
                                    <br />
                                    Tel: +61 (0) 3 8376 6284 <br />
                                    Fax: +61 (0) 3 8376 6284 <br />
                                    <br />
                                    Email: <a href="mailto:abc@abc.com" target="_blank">abc@abc.com</a> 
                              </div>
                              <div class="one-third column medium-t-b-padding">
                                    <h2>THEMEFOREST</h2>
                                    PO Box 21177 <br />
                                    Little Lonsdale St, Melbourne <br />
                                    Victoria 8011 Australia <br />
                                    <br />
                                    Tel: +61 (0) 3 8376 6284 <br />
                                    Fax: +61 (0) 3 8376 6284 <br />
                                    <br />
                                    Email: <a href="mailto:abc@abc.com" target="_blank">abc@abc.com</a> 
                              </div>
                              <div class="one-third column medium-t-b-padding">
                                    <h2>GRAPHICRIVER</h2>
                                    PO Box 21177 <br />
                                    Little Lonsdale St, Melbourne <br />
                                    Victoria 8011 Australia <br />
                                    <br />
                                    Tel: +61 (0) 3 8376 6284 <br />
                                    Fax: +61 (0) 3 8376 6284 <br />
                                    <br />
                                    Email: <a href="mailto:abc@abc.com" target="_blank">abc@abc.com</a> 
                              </div>
                        </div>
                        <!-- Addresses Ends --> 
                        
                        <!-- Map Starts -->
                        <div class="map">
                              <div class="sixteen columns medium-t-b-padding">
                                    <iframe height="250" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=+&amp;q=envato&amp;ie=UTF8&amp;hq=envato&amp;hnear=&amp;t=m&amp;ll=-37.817942,144.964977&amp;spn=0.006295,0.006295&amp;output=embed"></iframe>
                              </div>
                        </div>
                        <!-- Map Ends --> 
                        
                        <!-- Say Hello Starts -->
                        <div class="sixteen columns center medium-t-b-padding">
                              <h2><span>SAY HELLO...</span></h2>
                              <p class="small-t-b-padding">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.<br />
                                    Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.  
                              </p>
                              <!-- Social Icons Starts -->
                              <ul class="ch-grid">
                                    <li>
                                          <div class="ch-item">
                                                <div class="ch-info">
                                                      <div class="ch-info-front ch-img-1"></div>
                                                      <div class="ch-info-back"> <img src="<?php echo $path;?>/images/social-icons/facebook_dark.png" alt="" /> </div>
                                                </div>
                                          </div>
                                    </li>
                                    <li>
                                          <div class="ch-item">
                                                <div class="ch-info">
                                                      <div class="ch-info-front ch-img-2"></div>
                                                      <div class="ch-info-back"> <img src="<?php echo $path;?>/images/social-icons/google_dark.png" alt="" /> </div>
                                                </div>
                                          </div>
                                    </li>
                                    <li>
                                          <div class="ch-item">
                                                <div class="ch-info">
                                                      <div class="ch-info-front ch-img-3"></div>
                                                      <div class="ch-info-back"> <img src="<?php echo $path;?>/images/social-icons/in_dark.png" alt="" /> </div>
                                                </div>
                                          </div>
                                    </li>
                              </ul>
                              <!-- Social Icons Ends -->
                        </div>
                        <!-- Say Hello Ends -->
                        
                        <div class="clear"></div>
                        
                        
                        
                  </div>
                  <!-- Copyright Start -->
                <div class="copyright center dark-texture-2">
                            © COPYRIGHT 2013 <span style="color: #0b5b9e;">ISTARCOMPANY., LTD.</span>
                </div>
                <!-- Copyright Ends --> 
      </div>
      <!-- Contact Page Ends
            ================================================== --> 
      
      <!-- Included JS Files Starts
            ================================================== --> 
      
                  <!-- jQuery.js 
                        ================================================== --> 
                <!--   <script src="js/jquery.js"></script>  -->
                  
                  <!-- Social Icons Hover
                        ================================================== -->     
                  <?php
                  drupal_add_js($path.'/js/social-icons-hover/social-icons-modernizr.custom.js', array(
                  /* 'type' => 'internal', */
                  'scope' => 'footer',
                  'group' => JS_THEME,
                  'every_page' => TRUE,
                  'weight' => -1,
                  ));
                  ?>                   
                 <!--  <script type="text/javascript" src="js/social-icons-hover/social-icons-modernizr.custom.js"></script>  -->
                  
                  <!-- AJAX Contact Form
                        ================================================== -->      
                                     <?php
                  drupal_add_js($path.'/js/contact/contact-form.js', array(
                  /* 'type' => 'internal', */
                  'scope' => 'footer',
                  'group' => JS_THEME,
                  'every_page' => TRUE,
                  'weight' => -1,
                  ));
                  ?>                    
                  <!-- <script type="text/javascript" src="js/contact/contact-form.js"></script>      -->            
                                   
                  <!-- Portfolio 
                        ================================================== --> 
                                                       <?php
                  drupal_add_js($path.'/js/isotope/jquery.isotope.min.js', array(
                  /* 'type' => 'internal', */
                  'scope' => 'footer',
                  'group' => JS_THEME,
                  'every_page' => TRUE,
                  'weight' => -1,
                  ));
                  ?>     
                                                       <?php
                  drupal_add_js($path.'/js/isotope/Isotope-Filtering.js', array(
                  /* 'type' => 'internal', */
                  'scope' => 'footer',
                  'group' => JS_THEME,
                  'every_page' => TRUE,
                  'weight' => -1,
                  ));
                  ?>           
<!--                   <script src="js/isotope/jquery.isotope.min.js"></script> 
                  <script src="js/isotope/Isotope-Filtering.js"></script>  -->
                  
                  <!-- PrettyPhoto for Portfolio
                        ================================================== -->
                                                                         <?php
                  drupal_add_js($path.'/js/prettyphoto/jquery.prettyPhoto.js', array(
                  /* 'type' => 'internal', */
                  'scope' => 'footer',
                  'group' => JS_THEME,
                  'every_page' => TRUE,
                  'weight' => -1,
                  ));
                  drupal_add_js($path.'/js/prettyphoto/custom.js', array(
                  /* 'type' => 'internal', */
                  'scope' => 'footer',
                  'group' => JS_THEME,
                  'every_page' => TRUE,
                  'weight' => -1,
                  ));
                  ?>       
                   
<!--                   <script src="js/prettyphoto/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> 
                  <script src="js/prettyphoto/custom.js" type="text/javascript" charset="utf-8"></script>  -->
                  
                  <!-- Supersized Slider
                        ================================================== -->         
                                <?php
                  drupal_add_js($path.'/js/supersized/jquery.easing.min.js', array(
                  /* 'type' => 'internal', */
                  'scope' => 'footer',
                  'group' => JS_THEME,
                  'every_page' => TRUE,
                  'weight' => -1,
                  ));
                  drupal_add_js($path.'/js/supersized/supersized.3.2.7.min.js', array(
                  /* 'type' => 'internal', */
                  'scope' => 'footer',
                  'group' => JS_THEME,
                  'every_page' => TRUE,
                  'weight' => -1,
                  ));
                  drupal_add_js($path.'/js/supersized/supersized.shutter.min.js', array(
                  /* 'type' => 'internal', */
                  'scope' => 'footer',
                  'group' => JS_THEME,
                  'every_page' => TRUE,
                  'weight' => -1,
                  ));
                  
                  ?>                
<!--                   <script type="text/javascript" src="js/supersized/jquery.easing.min.js"></script> 
                  <script type="text/javascript" src="js/supersized/supersized.3.2.7.min.js"></script> 
                  <script type="text/javascript" src="js/supersized/supersized.shutter.min.js"></script> 
                  <script type="text/javascript" src="js/supersized/supersized-images.js"></script>  -->
                  <script>
                  jQuery(function($){
				$(document).ready(function () {
				$.supersized({
				
					// Functionality
					slideshow               :   1,			// Slideshow on/off
					autoplay			:	1,			// Slideshow starts playing automatically
					start_slide             :   1,			// Start slide (0 is random)
					stop_loop			:	0,			// Pauses slideshow on last slide
					random			: 	0,			// Randomize slide order (Ignores start slide)
					slide_interval          :   3000,		// Length between transitions
					transition              :   6, 			// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
					transition_speed		:	1000,		// Speed of transition
					new_window			:	1,			// Image links open in new window/tab
					pause_hover             :   0,			// Pause slideshow on hover
					keyboard_nav            :   1,			// Keyboard navigation on/off
					performance			:	1,			// 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
					image_protect		:	1,			// Disables image dragging and right click with Javascript
															   
					// Size & Position						   
					min_width		       :   0,			// Min width allowed (in pixels)
					min_height		       :   0,			// Min height allowed (in pixels)
					vertical_center         :   1,			// Vertically center background
					horizontal_center       :   1,			// Horizontally center background
					fit_always			:	0,			// Image will never exceed browser width or height (Ignores min. dimensions)
					fit_portrait         	:   1,			// Portrait images will not exceed browser height
					fit_landscape		:   0,			// Landscape images will not exceed browser width
															   
					// Components							
					slide_links				:	'blank',	// Individual links for each slide (Options: false, 'num', 'name', 'blank')
					thumb_links				:	1,			// Individual thumb links for each slide
					thumbnail_navigation    :   0,			// Thumbnail navigation
					slides 					:  	[			// Slideshow Images
														{image : '<?php echo $path;?>/images/slider/1.jpg', title : 'HELLO<BR>WELCOME TO ISTAR<div class="slidedescription">WE ARE ISTARCOMPANY. WE TURN IDEAS INTO WONDERFUL THINGS</div>', thumb : '', url : 'images/slider/1.jpg'},
														{image : '<?php echo $path;?>/images/slider/2.jpg', title : 'Fully Responsive Design<div class="slidedescription">Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam.</div>', thumb : '', url : 'images/slider/2.jpg'},
														{image : '<?php echo $path;?>/images/slider/3.jpg', title : 'HTML5 & CSS3 Template<div class="slidedescription">Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat.</div>', thumb : '', url : 'images/slider/4.jpg'},
														{image : '<?php echo $path;?>/images/slider/5.jpg', title : 'Clean Design & Code<div class="slidedescription">Aliquam tincidunt mauris eu risus. Vestibulum auctor dapibus neque.</div>', thumb : '', url : 'images/slider/5.jpg'},
														{image : '<?php echo $path;?>/images/slider/6.jpg', title : 'Easily Customisable<div class="slidedescription">Commodo vitae , ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.</div>', thumb : '', url : 'images/slider/6.jpg'},
														{image : '<?php echo $path;?>/images/slider/7.jpg', title : 'Multipurpose Template<div class="slidedescription">Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>', thumb : '', url : 'images/slider/7.jpg'},
														{image : '<?php echo $path;?>/images/slider/8.jpg', title : 'Cross Browser Compatible<div class="slidedescription">Vestibulum auctor dapibus neque. Pellentesque habitant morbi tristique senectus et netus et.</div>', thumb : '', url : 'images/slider/8.jpg'},
														{image : '<?php echo $path;?>/images/slider/9.jpg', title : 'Get a New Look for New Year<div class="slidedescription">Morbi in sem quis dui placerat ornare. Pellentesque odio.</div>', thumb : '', url : 'images/slider/9.jpg'}
												],
												
					// Theme Options			   
					progress_bar			:	1,			// Timer for each slide							
					mouse_scrub				:	0
					
				});
                });
		    });
                  </script>
                  <!-- Main Top Navigation
                        ================================================== --> 
                        <?php 
                        drupal_add_js($path.'/js/navigation/jquery.sticky.js', array(
                        /* 'type' => 'internal', */
                        'scope' => 'footer',
                        'group' => JS_THEME,
                        'every_page' => TRUE,
                        'weight' => -1,
                        ));
                        drupal_add_js('jQuery(document).ready(function () { jQuery("#navigation").sticky({topSpacing:0}); });',
                        array('type' => 'inline', 'scope' => 'footer', 'weight' => 5)
                        );
                        
                        ?>
                  <!-- <script type="text/javascript" src="js/navigation/jquery.sticky.js"></script>  -->
                  
                  <script>
                       // $(document).ready(function(){
                        //      $("#navigation").sticky({topSpacing:0});
                       // });
                  </script> 
                  <?php
                      drupal_add_js($path.'/js/jcarousel.min.js', array(
                      /* 'type' => 'internal', */
                      'scope' => 'footer',
                      'group' => JS_THEME,
                      'every_page' => TRUE,
                      'weight' => -1,
                      ));
                      /*drupal_add_js('jQuery(document).ready(function () { jQuery("#carouselteam").jcarousel(); });',
                        array('type' => 'inline', 'scope' => 'footer', 'weight' => 5)
                        );*/
                  ?>
                   <script>
                        jQuery(document).ready(function () {
                            var teamcarousel = jQuery('#carouselteam').jcarousel({
                                'wrap': 'circular'
                            });        
                            jQuery('#carouselteam-next').jcarouselControl({
                                target: '+=1',
                                carousel: teamcarousel
                            });
                            jQuery('#carouselteam-prev').jcarouselControl({
                                target: '-=1',
                                carousel: teamcarousel
                            }); 
                          
                            var clientcarousel = jQuery('#carouselclients').jcarousel({
                                wrap : 'both'
                            });       
                            jQuery('#carouselclients-next').jcarouselControl({
                                target: '+=1',
                                carousel: clientcarousel
                            });
                            jQuery('#carouselclients-prev').jcarouselControl({
                                target: '-=1',
                                carousel: clientcarousel
                            });                    
                        });
                    </script> 
                   <?php 
                        drupal_add_js($path.'/js/navigation/jquery.scrollTo.js', array(
                        /* 'type' => 'internal', */
                        'scope' => 'footer',
                        'group' => JS_THEME,
                        'every_page' => TRUE,
                        'weight' => -1,
                        ));
                        drupal_add_js($path.'/js/navigation/jquery.nav.js', array(
                        /* 'type' => 'internal', */
                        'scope' => 'footer',
                        'group' => JS_THEME,
                        'every_page' => TRUE,
                        'weight' => -1,
                        ));
                        drupal_add_js($path.'/js/navigation/custom.js', array(
                        /* 'type' => 'internal', */
                        'scope' => 'footer',
                        'group' => JS_THEME,
                        'every_page' => TRUE,
                        'weight' => -1,
                        ));
                        drupal_add_js($path.'/js/navigation/select.js', array(
                        /* 'type' => 'internal', */
                        'scope' => 'footer',
                        'group' => JS_THEME,
                        'every_page' => TRUE,
                        'weight' => -1,
                        ));

                        
                        ?>
<!--                   <script src="js/navigation/jquery.scrollTo.js"></script> 
                  <script src="js/navigation/jquery.nav.js"></script> 
                  <script src="js/navigation/custom.js"></script>  -->
                  
                  <!-- Combo Box Menu [Select Menu]
                        ================================================== --> 
                <!--   <script src="js/navigation/select.js" type="text/javascript"></script>  -->
                  

      
      <!-- Included JS Files Ends
            ================================================== -->
           <!--
 <div<?php print $attributes; ?>>
  <?php if (isset($page['header'])) : ?>
    <?php print render($page['header']); ?>
  <?php endif; ?>
  
  <?php if (isset($page['content'])) : ?>
    <?php print render($page['content']); ?>
  <?php endif; ?>  
  
  <?php if (isset($page['footer'])) : ?>
    <?php print render($page['footer']); ?>
  <?php endif; ?>
</div>
-->